<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>设备信息网页</title>
<style>
/* 在这里添加CSS样式 */
</style>
</head>
<body>
<header>
<!-- 在这里添加页眉内容 -->
<h1>北京铁木牛智能机器科技有限公司</h1>
</header>
<nav>
<!-- 在这里添加导航菜单 -->
</nav>
<main>
<!-- 在这里添加主要内容 -->
<p>产品名称：<span id="deviceName"></span></p>
<p>产品型号：<span id="deviceType"></span></p>
<p>出厂编号：<span id="batchNo"></span></p>
<p>出场日期：<span id="factoryTime"></span></p>
</main>
<footer>
<!-- 在这里添加页脚内容 -->
</footer>
</body>
</html>
<script  type="text/javascript">

// 获取URL参数
function getQueryParam(name) {
    const urlParams = new URLSearchParams(window.location.search);
    return urlParams.get(name);
}

// 使用示例
const deviceName = getQueryParam('deviceName'); // 返回 "John"
document.getElementById('deviceName').textContent = deviceName || '';
const deviceType = getQueryParam('deviceType');  // 返回 "30"
document.getElementById('deviceType').textContent = deviceType || '';
const batchNo = getQueryParam('batchNo');  // 返回 "30"
document.getElementById('batchNo').textContent = batchNo || '';
const factoryTime = getQueryParam('factoryTime');  // 返回 "30"
document.getElementById('factoryTime').textContent = factoryTime || '';

</script>
